《文本长度计数器》的制作方法
【实例说明】:
本例制作一个在文本框中输入文本后,单击确定按钮即可计算出文本长度的效果。
【操作步骤】:
一、制作背景
- 新建一个文档,大小可按默认设置。双击“图层1”;将其命名为“背景层”;
- 在“背景层”的第一帧,请参照下图,选择矩形工具,随意制作一个背景;如下图:
二、制作文字层
- 单击时间轴上的添加新图层按钮,再添加一个新“图层2”;然后双击“图层2”将其命名为“文字层”;
- 选择第1帧,选中工具栏上的文本工具,参照下图输入如下文本信息(包括:“文本长度计数器”、“请输入文本”、“文本的长度”、“个字符”);
- 制作上面的文本框:(1)选中工具栏上的矩形工具,在“请输入文本”后面拖出一个填充色为白色的矩形框;(2)参照此方法,分别再在“文本的长度”后面也拖出如图的矩形框;
- 添加两个文本框:(1)选中工具栏上的文本工具,打开属性面板;选择“输入文本”、字体颜色选红色;然后在“请输入文本”后面的矩形框上面拖出一个大小相同的输入文本框;然后选中该输入文本框,在变量名中命名为“input”;(2) 选中工具栏上的文本工具,打开属性面板;选择“输入文本”、字体颜色选红色;然后在“文本的长度”后面的矩形框上面拖出一个大小相同的输入文本框;然后选中该输入文本框,在变量名中命名为“output”;
三、制作按钮层
- 单击时间轴上的添加新图层按钮,再添加一个新“图层3”;然后双击“图层3”将其命名为“按钮层”;
- 单击“窗口”/“公用库”/“按钮”;打开相应的按钮文件夹,从中选择一种按钮;然后拖放到舞台上即可;如下图:
- 单击该按钮,打开动作面板,添加如下代码:
on (release) {
output = input.length;
//表达式input.length表示输入文本input的长度
}
|